<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0, width=device-width"/>
	<title>api</title>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
	<link rel="stylesheet" type="text/css" href="../css/common.css" />
	<link rel="stylesheet" type="text/css" href="../css/shareRecord.css" />
	<style type="text/css">
	html body {
		
	}
	#shareDetail .header{

		display: block;
	
		position: relative;
		overflow: hidden;
	}
	#shareDetail{
		position: relative;
		overflow: hidden;
	}
	#sh-content{
		
		display: block;
		position: relative;
		margin: 10px;
	}
	#sh-content #sh-title{
		color: #666；
	}
	</style>
</head>

<body>

	<div id='shareDetail'>
		<header id='header'>
			<div class='header'>
				<i id='back' onclick="back()"></i><h1>晒单详情</h1>
			</div>
		</header>
	
	</div>
	<script type="text/javascript">
		apiready = function(){
		    openDetailframe()
		}
		function openDetailframe(){
	var width = api.winWidth;
	var header = $api.byId('header');
	var headerPos = $api.offset(header);


	var height = api.winHeight - headerPos.h;
	
	api.openFrame({
		name:'shareDetail',
		url:'./shareDetail.html',
		rect:{
			 x: 0,
             y: headerPos.h,
             w: width,
             h: height
		}
	});
}
		    
	</script>

</body>
	<script type="text/javascript" src="../script/zepto.min.js"></script>

	<script type="text/javascript" src="../script/api.js"></script>
	
	<script src='../script/swipe.js'></script>
	<script type="text/javascript" src="../script/doT.min.js"></script>
	<script type="text/javascript" src="../script/common.js"></script>

</html>